<template>
  <div class="com-empty">
    <div class="img">
      <img src="@images/jxgl/jieshao.png" alt="" />
    </div>
    <div class="desc">
      <h1>实体创新，数字倍增</h1>
      <p>
        考核管理是深入贯彻落实习近平总书记关于干部考核“功夫要下在平时”的要求，建立日常考核、分类考核、近距离考核的知事识人体系，开发公务员平时考核系统，实时精准采集平时考核各类信息，实施分类分级考核，注重操作简便易行，强化考核结果运用，实现“一网归集、科学评估、正向激励”，不断推进公务员平时考核工作考准、考实、考细。
      </p>

      <div class="btn-view">
        <div class="guide-step empty-btn">
          <div class="add-button" @click="$emit('create')">产品手册</div>
          <div class="add-button plain" @click="$emit('create')">带您全面了解考核管理</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'IndLibEmpty',
  components: {},
  props: {},
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
}
</script>
<style lang="scss" scoped>
.com-empty {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 30px 200px;
  .img {
    width: 648px;
    margin-right: 50px;
    img {
      width: 648px;
    }
  }
  .desc {
    padding: 40px 0px;
    flex: 1;
    p {
      font-size: 16px;
      line-height: 2;
      // letter-spacing: 2px;
      color: #333;
      margin-top: 50px;
      strong {
        color: #2b78f1;
      }
    }
    img {
      margin: 20px 0;
      width: 100%;
    }
  }
  .btn-view {
    margin-top: 30px;
    .guide-step {
      position: relative;
      display: inline-block;
      padding: 10px 20px;
    }
    .add-button {
      display: inline-block;
      padding: 12px 24px;
      font-size: 18px;
      border-radius: 3px;
      color: #fff;
      text-align: center;
      background: #0060c4;
      cursor: pointer;
      box-shadow: 0px 4px 8px 0px rgba(0, 119, 255, 0.3);
      margin-right: 20px;
      i {
        margin-left: 12px;
      }
      &:hover {
        box-shadow: 0px 0px 10px 1px rgba(0, 119, 255, 0.4);
      }
    }
    .plain {
      background: #ffffff;
      color: #0060c4;
      border: 1px solid #0060c4;
    }
  }
}
</style>
